<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width,initial-scale=1.0, user-scalable=no" name="viewport"/>
    <meta content="yes" name=" apple-mobile-web-app-capable"/>
    <meta content="no" name="apple-touch-fullscreen"/>
    <meta content="black" name=" apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta http-equiv="refresh">
    <link rel="stylesheet" href="css/reset.css" />
    <title>首页</title>
    <style>
        body{
            background: url("img/bg.jpg") no-repeat;
            width: 15rem;
            height: 100%;
            background-size: cover;
            position: relative;
        }
        .topBg{
            background: url("img/top_bg.png") no-repeat center;
            width: 13.32rem;
            height: 4.14rem;
            background-size: cover;
            margin: 4.28rem auto 0;
        }
        .titleBg{
            background: url("img/title_bg.png") no-repeat center center;
            width: 9.52rem;
            height: 2.08rem;
            background-size: cover;
            position: absolute;
            top: -1.4rem;
            left:50%;
            transform: translateX(-50%);
            margin:0 auto;
        }
        .mianBox{
            width: 12rem;
            height: 12.2rem;
            border-radius: 0.2rem;
            background: #fff;
            margin: -2.6rem auto 0;
            text-align: center;
            color: #343434;
            font-size: 0.42rem;
        }
        .mianBox .name{
            font-size: 0.64rem;
            padding-top: 0.9rem;
        }
        .mianBox .title{
            margin-top: 0.3rem;
        }
        .mianBox .img{
            width: 6rem;
            height: 6rem;
            margin: 1rem auto 0;
        }
        .mianBox .img img{
            width: 100%;
            height: auto;
        }
        .mianBox .gray{
            margin-top: 1rem;
            color: #a3a3a3;
        }
    </style>
</head>
<body>
<div class="topBg"></div>
<div class="titleBg"></div>
<div class="mianBox">
    <div class="name">张红</div>
    <div class="title">邀请您进入他的微店</div>
    <div class="img">
        <img src="img/ewm.png" alt=""/>
    </div>
    <div class="gray">长按图片扫描二维码</div>
</div>
</body>
</html>